<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8" />
<title>账号安全</title>
<link href="/static/qiantai/css/iconfont/iconfont.css" rel="stylesheet" />
<link href="/static/qiantai/css/common.css" rel="stylesheet" />
<link href="/static/qiantai/css/uc.css" rel="stylesheet" />
<link href="/static/aui/AmazeUI-2.4.2/assets/css/admin.css"
	rel="stylesheet" type="text/css" />
<link href="/static/aui/AmazeUI-2.4.2/assets/css/amazeui.css"
	rel="stylesheet" type="text/css" />
<link href="/static/aui/css/personal.css" rel="stylesheet"
	type="text/css" />
<link href="/static/aui/css/point.css" rel="stylesheet" type="text/css" />
<script src="/static/qiantai/js/jquery.js"></script>
<link rel="stylesheet" href="/static/layui/css/layui.css"></link>
<script src="/static/layui/layui.js"></script>
<script th:inline="javascript">
	/*<![CDATA[*/
	layui.use([ 'element', 'form' ], function() {
		var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
		var $ = layui.jquery; // 使用jquery

	});
	function toSign() {
		$.post("/menu/sign", {}, function(data) {
			if (data.status == 200) {
				layer.msg(data.msg, {
					icon : 1
				});
			} else if (data.status == 500) {
				layer.msg(data.msg, {
					icon : 2
				});
			}
		}, "json");

	}
	/*]]>*/
</script>
</head>
<body>
	<div th:include="common/head::#h"></div>
 <div th:include="common/nav::#n"></div>

	<div class="wrapper uc-router">
		<ul>
			<li><a href="">首页</a></li>
			<li><span class="divider"></span></li>
			<li><span>个人中心</span></li>
			<li><span class="divider"></span></li>
			<li><span>我的积分</span></li>
		</ul>
	</div>

	<div class="wrapper">
		<div class="uc-main clearfix">
			<div class="uc-aside">
   	<div th:include="common/menu::#m"></div>
			</div>
			<div class="uc-content">
				<div class="uc-panel">
					<div class="uc-bigtit bd-b">我的积分</div>
					<div class="uc-panel-bd">

						<div class="pointsTitle">
							<div class="usable">
								可用积分<span th:text="${point}"></span>
							</div>
							<div class="pointshop">
								<a href="#">积分商城</a>
							</div>
							<div class="signIn">
								<a href="#"><i class="am-icon-calendar"></i></a>
								<button onclick="toSign()"
									class="layui-btn layui-btn-sm layui-btn-radius layui-btn-danger">每日签到</button>
							</div>
						</div>
						<div class="pointlist am-tabs">

							<div class="am-tabs-bd">
								<div class="am-tab-panel am-fade am-in am-active" id="tab1">
									<table>
										<thead>
											<tr>
												<th class="th1">积分详情</th>
												<th class="th2">积分变动</th>
												<th class="th3">日期</th>
											</tr>
										</thead>
										<tbody>
											<tr th:each="p:${pointList}">
												<td class="pointType"  th:text="${p.pointName}"></td>
												<td class="pointNum"  th:text="${p.point}"></td>
												<td class="pointTime" th:text="${#dates.format(p.time,'yyyy-MM-dd:HH:ss')}"></td>
											</tr>
										</tbody>
									</table>
									  
								</div>
							</div>

						</div>
<div class="ta-c">
                            <ul class="pagination"  th:utext="${pageCode}">
                             </ul>
                        </div>
					</div>
				</div>

			</div>
		</div>
	</div>


	<!--脚部-->
	   	<div th:include="common/foot::#f"></div>
	<!--脚部-->
</body>
<link rel="stylesheet" href="/static/qiantai/js/icheck/style.css" />
<script src="/static/qiantai/js/icheck/icheck.min.js"></script>
<script src="/static/qiantai/js/laydate/laydate.js"></script>
<script src="/static/qiantai/js/global.js"></script>
</html>